<template>
	<view>
		<view class="top">

		</view>
		<view class="bottom">
			<view class="bottom-card1">
				<view class="car" v-if="cars">
					<image src="../../../static/images/汽车小车.png"></image>
					<view class="font">暂无车辆信息</view>
				</view>
				<view class="tt">
					<view class="tou">
					<view class="touxiang"><u--image width="60px" height="60px" src="../../../static/images/汽车小车.png" shape="circle"></u--image></view>
					<view class="xinxi">
						<view class="font1">车型：奔驰-GR</view>
						<view class="font2">车牌：豫563416</view>
					</view>
				</view>
				<view class="shezhi">
					<view>
						<u-radio-group v-model="value">
						<u-radio shape="circle" label="设置为默认车辆"></u-radio>
					</u-radio-group>
					</view>
					<view>删除</view>
				</view>
				</view>
			</view>
			<view class="tianjia"><u-button shape="circle" type="primary" icon="plus" @tap="navigateToPage" text="添加车辆"></u-button></view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				cars:false
			

			}
		},
		methods: {
			   navigateToPage() {
			      uni.navigateTo({
			        url: '/pages/feng/addcar/addcar'  // 目标页面路径
			      });
			    }

	

		}
	}
</script>

<style>
	.top {
		width: 100%;
		height: 200px;
		background-color: #FF7500;
	}

	.bottom {
		margin: 0 20px;
	}

	.bottom-card1 {
		height: 500px;
		margin-top: -185px;
		background-color: #fff;
		border-radius: 10px;
		
	}
	.tianjia{
		margin-top: 10px;
	}
	.car{
		width: 200px;
		height: 300px;
		font-size: 18px;
		padding: 110px 90px;
	}
	.car>image{
		width: 150px;
		height: 120px;
	}
	.font{
		margin-left: 15px;
	}
	.tt{width: 100%;
		height: 150px;
		border-radius: 5px;
		border-bottom: solid 10px #F7F7F7;
		
	}
	.tou{
		width:60%;
		height: 90px;
		padding-top: 30px;
		margin-left: 20px;
		display: flex;
		justify-content: space-between;
	}
	.font1{
		font-size: 18px;
		margin-top: 5px;

	}
	.font2{
		font-size: 16px;
		margin-top: 5px;
	}
	.shezhi{
		display: flex;
		justify-content: space-between;
		font-size: 16px;
		margin: 0 10px;
	}
	
	


</style>